<template>
     <div class="search">
        <HeaderTop title="搜索"></HeaderTop>
        <div class="search_info">
            <input type="text" placeholder="请输入商家或美食名称">
            <button>提交</button>
        </div>
    </div>
</template>

<script>
import HeaderTop from '../../components/HeaderTop/HeaderTop.vue'
export default {
    components:{HeaderTop}
}
</script>

<style lang="less">
.search{
    // 
    .search_info{
        padding: 5px;
        input{
            background-color: rgb(238, 236, 236);
            width: 80%;
            padding: 5px;
            font-size: 14px;
            height: 18px;
        }
        button{
            padding:5px 10px;
            font-size: 14px;
            color: #fff;
            background: #02a774;
            outline: none;
            border: 0;
        }
    }
}
</style>

